﻿ul,li{ list-style: none;list-style-type:none;}
.demo{ display: none;}
.pop-bg-white{ background: #fff;}
/*开始时间选择*/
.page {position: relative; width: 100%;height: 100%;overflow: hidden;}
#datePage{font-size: 22px; border-radius: 3px; MARGIN-RIGHT: auto;vertical-align:middle;
    MARGIN-LEFT: auto;width: 80%;;height: 240px;background: #FFFFFF;z-index:9999999;}
#datescroll div{float: left;margin-left: 10%;margin-top: 15px;padding-right: 22px;}
#datescroll_datetime div{float: left;margin-left: 10%;padding-right: 22px;}
#yearwrapper{position: absolute;left: 0;top:45px;bottom: 60px;width:80%;}
#monthwrapper{position: absolute;left: 26%;top:45px;bottom: 60px;width:80%;}
#daywrapper{position: absolute;left: 50%;top:45px;bottom: 60px;width:80%;}
#Hourwrapper{position: absolute;left: 0;top:195px;bottom: 68px;width:80%;}
#Minutewrapper{position: absolute;left: 26%;top:195px;bottom: 68px;width:80%;}
#Secondwrapper{position: absolute;left: 50%;top:195px;bottom: 68px;width:80%;}
#Hourwrapper ul li,#Minutewrapper ul li,#Secondwrapper ul li{color: #000;font-size: 15px;}
#yearwrapper ul li,#monthwrapper ul li,#daywrapper ul li{color: #000;font-size: 32px;}
#markyear{position:relative; margin-left: 76px;top:-2px;}
#markmonth{position:relative; margin-left: 40px;top:-2px;}
#markday{position:relative; margin-left: 42px;top:-2px;}
#markhour{position:relative; margin-left: 62px;top:-2px;}
#markminut{position:relative; margin-left: 58px;top:-2px;}
#marksecond{position:relative; margin-left: 68px;top:-2px;}
#dateheader{width: 100%;height: 50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}
#setcancle ul{text-align: center;line-height: 30px; margin:1px auto;font-size: 20px;}
#setcancle ul li{border-radius:3px;float: left;width: 40%;height: 30px;list-style-type: none;font-family:'microsoft yahei';font-size:16px;}
#dateconfirm{position: absolute;background:#79C12F;left:20px;color:#fff;}
#datecancle{position: absolute;background:  #dcdddd;right:20px;width: 40%;color:#666;}
#dateshadow{display: none;position: absolute;width: 100%;height: 100%;top:0;left:0;background: #000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
#datetitle{width: 100%;height:50px;text-align: center;color: #aaa;line-height: 50px;font-family:'microsoft yahei';}
#datetitle h1{font-size: 28px;font-weight:normal;}
#datemark{font-size: 18px;left:5%;width: 90%;height: 34px;position:absolute;top:102px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background: #F8F8F8;}
#timemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:242px;background:#eee;border:1px solid #eee;}
#datescroll{ width:94%; margin:10px 3%;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#datescroll_datetime{display: none;background:#F8F8F8;width:94%; margin:10px 3%;margin-top: 10px;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#yearwrapper ul,#monthwrapper ul,#daywrapper ul{width:40%;}
#Hourwrapper ul,#Minutewrapper ul,#Secondwrapper ul{width:40%;}
#dateFooter{ display: none; width:100%;background: #fff;height: 50px;bottom: 0px;position: absolute;}

/*结束时间选择*/
#datePage2{font-size: 22px; border-radius: 3px; MARGIN-RIGHT: auto;vertical-align:middle;
    MARGIN-LEFT: auto;width: 80%;;height: 240px;background: #FFFFFF;z-index:9999999;}
#datescroll2 div{float: left;margin-left: 10%;margin-top: 15px;padding-right: 22px;}
#datescroll_datetime2 div{float: left;margin-left: 10%;padding-right: 22px;}
#yearwrapper2{position: absolute;left: 0;top:45px;bottom: 60px;width:80%;}
#monthwrapper2{position: absolute;left: 26%;top:45px;bottom: 60px;width:80%;}
#daywrapper2{position: absolute;left: 50%;top:45px;bottom: 60px;width:80%;}
#Hourwrapper2{position: absolute;left: 0;top:195px;bottom: 68px;width:80%;}
#Minutewrapper2{position: absolute;left: 26%;top:195px;bottom: 68px;width:80%;}
#Secondwrapper2{position: absolute;left: 50%;top:195px;bottom: 68px;width:80%;}
#Hourwrapper2 ul li{color: #898989;font-size: 15px;}
#Minutewrapper2 ul li{color: #898989;font-size: 15px;}
#Secondwrapper2 ul li{color: #898989;font-size: 15px;}
#yearwrapper2 ul li,#monthwrapper2 ul li,#daywrapper2 ul li{color: #000;font-size: 32px;}
#markyear2{position:relative; margin-left: 76px;top:-2px;}
#markmonth2{position:relative; margin-left: 40px;top:-2px;}
#markday2{position:relative; margin-left: 42px;top:-2px;}
#markhour2{position:relative; margin-left: 62px;top:-2px;}
#markminut2{position:relative; margin-left: 58px;top:-2px;}
#marksecond2{position:relative; margin-left: 68px;top:-2px;}
#dateheader2{width: 100%;height: 50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}
#setcancle2 ul{text-align: center;line-height: 30px; margin:1px auto;font-size: 20px;}
#setcancle2 ul li{border-radius:3px;float: left;width: 40%;height: 30px;list-style-type: none;font-family:'microsoft yahei';font-size:16px;}
#dateconfirm2{position: absolute;background:#79C12F;left:20px;color:#fff;}
#datecancle2{position: absolute;background:  #dcdddd;right:20px;width: 40%;color:#666;}
#dateshadow2{display: none;position: absolute;width: 100%;height: 100%;top:0;left:0;background: #000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
#datetitle2{width: 100%;height:50px;text-align: center;color: #aaa;line-height: 50px;font-family:'microsoft yahei';}
#datetitle2 h1{font-size: 28px;font-weight:normal;}
#datemark2{font-size: 18px;left:5%;width: 90%;height: 34px;position:absolute;top:102px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background: #F8F8F8;}
#timemark2{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:242px;background:#eee;border:1px solid #eee;}
#datescroll2{ width:94%; margin:10px 3%;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#datescroll_datetime2{display: none;background:#F8F8F8;width:94%; margin:10px 3%;margin-top: 10px;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#yearwrapper2 ul,#monthwrapper2 ul,#daywrapper2 ul{width:40%;}
#Hourwrapper2 ul,#Minutewrapper2 ul,#Secondwrapper2 ul{width:40%;}
#dateFooter2{ display: none; width:100%;background: #fff;height: 50px;bottom: 0px;position: absolute;}

.btn_warp{
    padding: 30px;
    text-align: center;
}
#confirm-getDate{
    display: inline-block;
    width: 200px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
    color: #fff;
    border-radius: 8px;
    background: #d22727;
    text-align: center;
}